<template>
  <div>
    <van-cell center :title="name"
              :label="authorName + ' - ' + name"
    >
      <template #right-icon>
        <van-icon @click="$router.push('/play/'+id)" name="play-circle-o" color="#000" size="25"/>
      </template>
    </van-cell>
  </div>
</template>

<script>
export default {
  name: 'MusicItem',
  props: {
    name: {
      type: String,
      required: true
    },
    authorName: {
      type: String,
      required: true
    },
    id: {
      type: Number,
      required: true
    }
  }
}
</script>

<style scoped>

</style>
